<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="margin: 0px;">
    <!--头-->
    <div style="margin-left: 50px;">
        <div style="width: 1000px;margin: 0px auto;overflow: hidden;">
            <img src="img/subwaylogo.png" alt="" style="height: 70px; float: left;">
            <ul style="float: left;overflow: hidden;list-style: none;margin: 0px;font-size: 20px;">
                <li style="float: left; text-align: center;width: 140px;line-height: 70px;background: rgb(116, 31, 31);color:white">首页</li>
                <li style="float: left; text-align: center;width: 140px;line-height: 70px;">特色</li>
                <li style="float: left; text-align: center;width: 140px;line-height: 70px;">评价</li>
                <li style="float: left; text-align: center;width: 140px;line-height: 70px;">价格</li>
            </ul>
        </div>
    </div>

    <!--画-->
    <div>
        <img src="img/banner.png" alt="" style="width: 100%;">
    </div>

    <!--特色-->
    <div style="width: 1000px;height: 400px;margin: 0px auto;">
        <h1 style="margin:0px;padding-bottom: 20px;">特色</h1>
        <table style="width: auto;margin:auto; margin-top: 20px;">
            <tr>
                <td style="text-align: center;">
                    <img src="img/clean.png" alt="" style="width: 100px;">
                    <p style="width: 100px">干净</p>
                </td>
                <td style="padding-left: 150px; text-align: center;">
                    <img src="img/efficiency.png" alt="" style="width: 100px;">
                    <p style="width: 100px">高效</p>
                </td>
                <td style="padding-left: 150px; text-align: center;">
                    <img src="img/time.png" alt="" style="width: 100px;">
                    <p style="width: 100px">准时</p>
                </td>
            </tr>
            <tr>
                <td style="text-align: center;">
                    <img src="img/security.png" alt="" style="width: 100px;">
                    <p style="width: 100px">安全</p>
                </td>
                <td style="padding-left: 150px; text-align: center;">
                    <img src="img/service.png" alt="" style="width: 100px;">
                    <p style="width: 100px">客服</p>
                </td>
                <td style="padding-left: 150px; text-align: center;">
                    <img src="img/prom.png" alt="" style="width: 100px;">
                    <p style="width: 100px">低价</p>
                </td>
            </tr>
        </table>
    </div>
    
    <!--评价-->
    <div>
        <div style="width: 1000px;margin: 0px auto; overflow: hidden;">
            <h1 style="margin: 0px;">评价</h1>
            <ul style="overflow: hidden; list-style: none;margin-top: 20px;">
                <li style="float: left;">
                    <img src="img/c1.png" alt="" style="width: 300px;">
                </li>
                <li style="float: left;">
                    <img src="img/c2.png" alt="" style="width: 300px; padding-left: 15px;">
                </li>
                <li style="float: left;">
                    <img src="img/c3.png" alt="" style="width: 300px; padding-left: 15px;">
                </li>
                
            </ul>
            </div>
            
    </div>

    <!--价格-->
    <div>
        <div style="width: 1000px;margin: 0px auto;overflow: hidden;">
            <h1 style="margin: 0px;">价格</h1>
            <div style="margin: 20px;">
                <table style="float: left;text-align: center;">
                    <tr style="background: rgba(0, 0, 255, 0.438); font-weight: bold;color: white;height: 60px;">
                        <td style="width: 300px;">银卡($100/Year)</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>积分兑换</td></tr>
                    <tr style="background: white;font-size: 13px;height: 35px;"><td>7*24客服</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>挂失服务</td></tr>
                    <tr style="background: white;font-size: 13px;height: 35px;"><td>行李寄存</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>免费咖啡</td></tr>
                </table>
                <table style="float: left;text-align: center;margin-left: 15px;">
                    <tr style="background: rgba(0, 128, 0, 0.637); font-weight: bold;color: white;height: 60px;">
                        <td style="width: 300px;">银卡($100/Year)</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>积分兑换</td></tr>
                    <tr style="background: white;font-size: 13px;height: 35px;"><td>7*24客服</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>挂失服务</td></tr>
                    <tr style="background: white;font-size: 13px;height: 35px;"><td>行李寄存</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>免费咖啡</td></tr>
                </table>
                <table style="float: left;text-align: center;margin-left: 15px;">
                    <tr style="background: rgba(255, 0, 0, 0.637); font-weight: bold;color: white;height: 60px;">
                        <td style="width: 300px;">银卡($100/Year)</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>积分兑换</td></tr>
                    <tr style="background: white;font-size: 13px;height: 35px;"><td>7*24客服</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>挂失服务</td></tr>
                    <tr style="background: white;font-size: 13px;height: 35px;"><td>行李寄存</td></tr>
                    <tr style="background: rgba(204, 204, 204, 0.829);font-size: 13px;height: 35px;"><td>免费咖啡</td></tr>
                </table>
            </div>
            
        </div>
    </div>

    <!--底栏-->
    <div style="background: rgba(0, 0, 0, 0.733);height: 60px;margin-top: 20px;padding:20px 0px">
        <p style="text-align: center;font-size: 12px;color: white;line-height: 60px;">&copy;2021&nbsp;SubWay版权所有</p>
    </div>
</body>
</html>